<template>
  <div>
    <div class="banner">
      <div id="slideBox" class="slideBox">
        <div class="hd">
          <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </div>
        <div class="bd">
          <ul>
            <li class="banner1"><a href="#"></a></li>
            <li class="banner2"><a href="#"></a></li>
            <li class="banner3"><a href="#"></a></li>
            <li class="banner4"><a href="#"></a></li>
          </ul>
        </div>
      </div>
      <!--<script type="text/javascript">
          jQuery(".slideBox").slide({
              titCell: ".hd ul",
              mainCell: ".bd ul",
              autoPage: true,
              effect: "fade",
              autoPlay: true,
              vis: 1,
              trigger: "click",
              interTime: 5000
          });
      </script>-->
      <div class="main">
        <div class="l choose">
          <div class="box">
            <div class="l pic"><img src="../../../static/images/014.jpg"/></div>
            <div class="l right right100">
              <div class="list">
                <a href="#">奔驰</a>
                <a href="#">宝马</a>
                <a href="#">奥迪</a>
                <a href="#">路虎</a>
                <a href="#">大众</a>
                <a href="#">保时捷</a>
                <a href="#">雷克萨斯</a>
                <a href="#">宾利</a>
                <a href="#">玛莎拉蒂</a>
                <a href="#">兰博基尼</a>
              </div>
              <div class="r_show">
                <p class="title">全部车辆品牌</p>
                <div class="l classify">
                  <ul class="box2">
                    <li><i>A</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                    <li><i>D</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                    <li><i>G</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                    <li><i>J</i><a href="#">雷克萨斯</a><a href="#">路虎</a><a href="#">林肯</a><a href="#">雷诺</a><a
                      href="#">兰博基尼</a><a href="#">劳斯莱斯</a><a href="#">铃木</a></li>
                    <li><i>L</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                    <li><i>N</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                    <li><i>Q</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                    <li><i>S</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                    <li><i>W</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                    <li><i>Y</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                  </ul>
                </div>
                <div class="l classify">
                  <ul class="box2">
                    <li><i>A</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                    <li><i>D</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                    <li><i>G</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                    <li><i>J</i><a href="#">雷克萨斯</a><a href="#">路虎</a><a href="#">林肯</a><a href="#">雷诺</a><a
                      href="#">兰博基尼</a><a href="#">劳斯莱斯</a><a href="#">铃木</a></li>
                    <li><i>L</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                    <li><i>N</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                    <li><i>Q</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                    <li><i>S</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                    <li><i>W</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                    <li><i>Y</i><a href="#">奥迪</a><a href="#">阿顿斯马丁</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="box">
            <div class="l pic"><img src="../../../static/images/014.jpg"/></div>
            <div class="l right">
              <div class="list">
                <a href="#">奔驰</a>
                <a href="#">宝马</a>
                <a href="#">奥迪</a>
                <a href="#">路虎</a>
                <a href="#">大众</a>
                <a href="#">保时捷</a>
                <a href="#">雷克萨斯</a>
                <a href="#">宾利</a>
                <a href="#">玛莎拉蒂</a>
                <a href="#">兰博基尼</a>
              </div>

            </div>
          </div>
          <div class="box">
            <div class="l pic"><img src="../../../static/images/015.jpg"/></div>
            <div class="l right">
              <div class="list">
                <a href="#">奔驰</a>
                <a href="#">宝马</a>
                <a href="#">奥迪</a>
                <a href="#">路虎</a>
                <a href="#">大众</a>
                <a href="#">保时捷</a>
                <a href="#">雷克萨斯</a>
                <a href="#">宾利</a>
                <a href="#">玛莎拉蒂</a>
                <a href="#">兰博基尼</a>
              </div>

            </div>
          </div>
          <div class="box">
            <div class="l pic"><img src="../../../static/images/016.jpg"/></div>
            <div class="l right">
              <div class="list">
                <a href="#">奔驰</a>
                <a href="#">宝马</a>
                <a href="#">奥迪</a>
                <a href="#">路虎</a>
                <a href="#">大众</a>
                <a href="#">保时捷</a>
                <a href="#">雷克萨斯</a>
                <a href="#">宾利</a>
                <a href="#">玛莎拉蒂</a>
                <a href="#">兰博基尼</a>
              </div>

            </div>
          </div>
          <div class="box">
            <div class="l pic"><img src="../../../static/images/017.jpg"/></div>
            <div class="l right">
              <div class="list">
                <a href="#">奔驰</a>
                <a href="#">宝马</a>
                <a href="#">奥迪</a>
                <a href="#">路虎</a>
                <a href="#">大众</a>
                <a href="#">保时捷</a>
                <a href="#">雷克萨斯</a>
                <a href="#">宾利</a>
                <a href="#">玛莎拉蒂</a>
                <a href="#">兰博基尼</a>
              </div>

            </div>
          </div>
          <div class="box last"><a href="#">在线客服咨询</a></div>
        </div>
      </div>
    </div>
    <div class="List">
      <div class="l pic1">
        <p class="p1">Learn new car</p>
        <p class="p2">了解进达</p>
        <p class="p3"><a href="#">more>></a></p>
      </div>
      <div class="l pic2">
        <p class="p1">Learn new car</p>
        <p class="p2">了解进达</p>
        <p class="p3"><a href="#">more>></a></p>
      </div>
      <div class="r pic3">
        <p class="p1">Learn new car</p>
        <p class="p2">了解进达</p>
        <p class="p3"><a href="#">more>></a></p>
      </div>
      <div class="clear"></div>
    </div>
    <div id="latest">
      <div class="latest">
        <div class="title">
          <p class="p1"><em class="first">LATEST</em><em class="con">OFFER</em><em class="last">最新报价</em></p>
          <p class="p2"><a class="hover" href="#">特价系列</a>|<a href="#">名车系列</a></p>
        </div>
        <div class="box">
          <div class="l left">
            <a href="#"><img src="../../../static/images/026.jpg"/></a>
            <div class="yellow">
              <p class="p1">雷凌1.6G 精英版（AT）</p>
              <p class="p2">官方指导价</p>
              <p class="p3"><em>120 00</em> 元起</p>
            </div>
          </div>
          <div class="l con"><a href="#"><img src="../../../static/images/027.jpg"/></a></div>
          <div class="r right">
            <div class="yellow">
              <p class="p1">雷凌1.6G 精英版（AT）</p>
              <p class="p2">官方指导价</p>
              <p class="p3"><em>120 00</em> 元起</p>
            </div>
            <a href="#"><img src="../../../static/images/026.jpg"/></a>
          </div>
          <div class="clear"></div>
        </div>
        <div class="car">
          <div class="l pic">
            <a href="#">
              <img src="../../../static/images/030.jpg"/>
              <p class="name">雷凌1.6G 精英版（AT）</p>
              <p class="price">
                官方指导价<br/>
                <em>12 000</em>元起
              </p>
            </a>
          </div>
          <div class="l pic">
            <a href="#">
              <img src="../../../static/images/031.jpg"/>
              <p class="name">雷凌1.6G 精英版（AT）</p>
              <p class="price">
                官方指导价<br/>
                <em>12 000</em>元起
              </p>
            </a>
          </div>
          <div class="l pic">
            <a href="#">
              <img src="../../../static/images/032.jpg"/>
              <p class="name">雷凌1.6G 精英版（AT）</p>
              <p class="price">
                官方指导价<br/>
                <em>12 000</em>元起
              </p>
            </a>
          </div>
          <div class="l pic last">
            <a href="#">
              <img src="../../../static/images/030.jpg"/>
              <p class="name">雷凌1.6G 精英版（AT）</p>
              <p class="price">
                官方指导价<br/>
                <em>12 000</em>元起
              </p>
            </a>
          </div>
          <div class="l pic">
            <a href="#">
              <img src="../../../static/images/032.jpg"/>
              <p class="name">雷凌1.6G 精英版（AT）</p>
              <p class="price">
                官方指导价<br/>
                <em>12 000</em>元起
              </p>
            </a>
          </div>
          <div class="l pic">
            <a href="#">
              <img src="../../../static/images/032.jpg"/>
              <p class="name">雷凌1.6G 精英版（AT）</p>
              <p class="price">
                官方指导价<br/>
                <em>12 000</em>元起
              </p>
            </a>
          </div>
          <div class="l pic">
            <a href="#">
              <img src="../../../static/images/030.jpg"/>
              <p class="name">雷凌1.6G 精英版（AT）</p>
              <p class="price">
                官方指导价<br/>
                <em>12 000</em>元起
              </p>
            </a>
          </div>
          <div class="l pic last">
            <a href="#">
              <img src="../../../static/images/031.jpg"/>
              <p class="name">雷凌1.6G 精英版（AT）</p>
              <p class="price">
                官方指导价<br/>
                <em>12 000</em>元起
              </p>
            </a>
          </div>
          <div class="clear"></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
        name: "Banner"
    }
</script>

<style scoped>

</style>
